	* {
        margin: 0;
        padding: 0;
      }

      a {
        text-decoration: none;
      }

      .clearfix:after {
        content: "";
        display: block;
        height: 0;
        visibility: hidden;
        clear: both;
      }

      .clearfix {
        *zoom: 1;
      }

      body {
        background: url("../img/bg.jpg")
          no-repeat;
        background-size: cover;
        background-attachment: fixed;
      }

      .content {
        width: 900px;
        height: 500px;
        margin: 100px auto 0 auto;
        border-radius: 10px;
        background-color: rgba(236, 236, 236, 0.59);
        transition: all 1s;
        /*box-shadow: 0px 0px 20px rgba(0,0,0,0.3);*/
      }

      .content .txbox {
        float: left;
        width: 200px;
        height: 200px;
        margin: 150px 0 0 80px;
      }
		  
	  .content .txbox img{
		  width: 100%;
		  height: 100%;
		  border-radius: 50%;
		  transition: all 0.5s ease-in;
	  }
	  
	  .content .txbox img:hover{
			width: 220px;
			height: 220px;
			transform: rotate(-180deg);
	  		  
	  }

      .content:hover {
        box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.8);
      }

      .content_r {
        float: right;
        width: 500px;
        margin: 80px 60px 0 0;
        /*	background-color: pink;*/
      }

      .content_l {
        float: left;
        width: 100%;
        text-align: center;
      }

      .content_l h5 {
        font-size: 17px;
      }

      .cc {
        margin-top: 10px;
        color: blue;
        font-size: 18px;
      }

      .color_1 {
        color: deeppink;
        font-size: 18px;
      }

      .deeppink {
        color: magenta;
      }

      .link {
        margin-top: 30px;
      }

      .link a {
        display: block;
        float: left;
        width: 120px;
        height: 45px;
        margin: 5px 5px 0 0;
		border-radius: 50px;
        /*	padding: 0 15px;*/
        line-height: 45px;
        /* transition: all 0.8s; */
        /*	background-color: deeppink;*/
		
		border: 0;
		/* margin: 20px; */
		text-transform: uppercase;
		font-size: 18px;
		font-weight: bold;
		/* padding: 15px 50px; */
		/* border-radius: 50px; */
		color: white;
		outline: none;
		position: relative;
      }
	  
	  .link a:before{
			content: '';
		    display: block;
		    background: linear-gradient(to left, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.4) 50%);
		    background-size: 210% 100%;
		    background-position: right bottom;
		    height: 100%;
		    width: 100%;
		    position: absolute;
		    top: 0;
		    bottom:0;
		    right:0;
		    left: 0;
		    border-radius: 50px;
		    transition: all 1s;
		    -webkit-transition: all 1s;
	  }

      .link a:hover:before {
        background-position: left bottom;
      }

      .dodgerblue {
            /* background-color: dodgerblue; */
			background-image: linear-gradient(to right, #4d6eb1, #adb5da);
			box-shadow: 0 6px 15px 0 #8c9acb;
		}
      
		.deeppink_1 {
            /* background-color: deeppink; */
			background-image: linear-gradient(to right, #59529f, #afa8d1);
			box-shadow: 0 6px 15px 0 #8e87bb
        }
      
      
        .magenta {
            /* background-color: magenta; */
			background-image: linear-gradient(to right, #81539c, #aea9d1);
			box-shadow: 0 6px 15px 0 #8f88bc
        }
      
        .orange {
            /* background-color: orange; */
			background-image: linear-gradient(to right, #c15398, #dfb7d2);
			box-shadow: 0 6px 15px 0 #d395bc;
        }